<template>
	<div class="erp-left-class">
		<div class="left-content">
			<dl>
				<dt class="con-dt">
					<span>图库管理</span>
				</dt>
				<dd class="con-dd">
					<div class="dd-item">
						<a>
							{{classfiList.name}}
							<div class="float-r blue mr20" v-show="classfiList.diy">设置</div>
						</a>
					</div>
					<div class="dd-item pt10">
						<el-tree :data="classfiList.list" :props="defaultProps"></el-tree>
					</div>
				</dd>
			</dl>
		</div>
	</div>
</template>

<script>
	import librarData from '@/api/mock-data/library-data'
	export default {
		props: ['classfiList'],
		data(){
			return{
				menuList: [],
				defaultProps: {
		          	children: 'children',
		          	label: 'label'
		        },
			}
		},
		methods: {
			
		},
		created(){
			this.menuList = this.classfiList;
		},
		watch: {
			// -
			classfiList: function(newValue,oldValue){
				this.menuList = newValue;
			}
		}
	}
</script>

<style scoped="scoped" lang="less">
	.erp-left-class{
		width: 212px;
	    font-size: 13px;
	    float: left;
	    overflow: hidden;
	    .left-content{
	    	.con-dt{
	    		height: 36px;
			    line-height: 36px;
			    padding-left: 10px;
			    color: rgb(89, 90, 90);
			    font-weight: bold;
			    border: 1px solid #ddd;
			    position: relative;
			    background: rgb(245, 247, 250);
			    border-bottom: none;
	    	}
	    	.con-dd{
    		    border: 1px solid #ddd;
    			border-top: none;
    			.dd-item{
    				border-top: 1px solid #ddd;
    				background: #fff;
    				a{
					    display: block;
					    width: 100%;
					    height: 100%;
					    line-height: 36px;
					    text-indent: 20px;
					    text-decoration: none;
					    position: relative;
					    cursor: pointer;
    				}
    			}
	    	}
	    }
	}
</style>